<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3598568_m6681dzp56.css">

</head>

<body>
    <div class="box">
        <ul class="top">
            <li>MY NAME IS TANG HANG YI</li>
        </ul>
        <ul class="top2">
            <li><a href="../pages/index.html">首页</a></li>
            <li><a href="../pages/index1.html">关于</a></li>
            <li><a href="../pages/index2.html">资讯</a></li>
            <li><a href="../pages/index3.html">产品</a></li>
            <li><a href="../pages/index4.html">联系</a></li>
            <li><a href="../pages/index5.html">招聘</a></li>
            <li> <i class="iconfont icon-sousuo1"></i></li>
        </ul>
    </div>
    <div class="box2">
        <div class="img_box">
            <ul>
                <li><a href="javascript:void(0)"><img src="../img/images/首页/06.png"></a></li>
                <li><a href="javascript:void(0)"><img src="../img/images/产品/产品_01.jpg"></a></li>
                <li><a href="javascript:void(0)"><img src="../img/images/首页/06.png"></a></li>
            </ul>

        </div>
        <!-- <div class="dot_box">
            <span class="dot dotActive" data-index=1></span>
            <span class="dot" data-index=2></span>
            <span class="dot" data-index=3></span>
        </div> -->
    </div>
    <div class="wrap">
        <header>
            <div class="top">
                <i class="iconfont icon-wode-wode"></i>
                <h2>关于我们</h2>
                <p>ABCDEFG</p>
            </div>
            <div class="top1">
                <p>我们秉承“天人合一，道法自然”的和谐理念，演绎现代地板时尚，崇尚自然，用最坚固的承诺，回报给您内心的渴望。</p>
                <p>真正的生活是宽容的气度和细水长流的悠然，剥去诱惑，亲近自然，发现真实和本质，找到久违的春天鸟鸣和林海清风。</p>
                <br>
                <p>如果您是生活品质的追求者，请加入鸿山林海的世界</p>
                <p>感受现代生活，体味自然享受，鸿山林海，关于自然的生活宣言</p>
                <br>
                <button><a href="../pages/index6.html">进一步了解 ></a></button>
            </div>
            <img src="../img/images/首页/首页_04.png" alt="">
            <div class="top4">
                <i class="iconfont icon-fenlei"></i>
                <h2>地板分类</h2>
                <p>ASDFHGGJH</p>
            </div>
            <div class="top5">
                <div class="box3">
                    <h2>地板分类</h2>
                    <button>进一步了解 ></button>
                </div>
                <div class="box3">
                    <h2>实木地板</h2>
                    <button>进一步了解 ></button>
                </div>
                <div class="box3">
                    <h2>地板分类</h2>
                    <button>进一步了解 ></button>
                </div>
                <div class="box3">
                    <h2>地板分类</h2>
                    <button>进一步了解 ></button>
                </div>
            </div>
            <div class="top6">
                <div class="box3">
                    <h2>地板分类</h2>
                    <button>进一步了解 ></button>
                </div>
                <div class="box3">
                    <h2>地板分类</h2>
                    <button>进一步了解 ></button>
                </div>
                <div class="box3">
                    <h2>地板分类</h2>
                    <button>进一步了解 ></button>
                </div>
                <div class="box3">
                    <h2>地板分类</h2>
                    <button>进一步了解 ></button>
                </div>

            </div>
        </header>
        <main>
            <div class="top7">
                <i class="iconfont icon-fenlei"></i>
                <h2>最新产品</h2>
                <p>ASDFHGGJH</p>
            </div>
            <div class="top8">
                <div class="box4">
                    <img src="../img/首页/首页_07.png" alt="">
                </div>
                <div class="box5">
                    <img src="../img/首页/首页_08.png" alt="">
                </div>
            </div>
            <div class="top9">
                <div class="box6">
                    <h3>实木楼梯和线条系列 | 鸿山林海</h3>
                    <p>苏公司还v好的DVD孩子不会</p>
                    <br>
                    <p>阿斯顿法国红酒看来去微软阿斯顿法国红酒看来去微软自行车不那么</p>
                    <p>阿斯顿法国红酒看来去微软阿斯顿法国红酒看来去微软自行车不那么</p>
                    <p>阿斯顿法国红酒经济</p>
                    <button>进一步了解 ></button>
                </div>
                <div class="box7">
                    <img src="../img/ttt.jpg" alt="">
                </div>
            </div>
            <div class="top10">
                <i class="iconfont icon-fenlei"></i>
                <h2>最新产品</h2>
                <p>ASDFHGGJH</p>
            </div>
            <div class="top11">
                <img src="../img/首页/首页_12.png" alt="">
            </div>
            <div class="top12">
                <i class="iconfont icon-fenlei"></i>
                <h2>最新产品</h2>
                <p>ASDFHGGJH</p>
            </div>
            <div class="top13">
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos创造则指</p>
                    <div class="time">
                        <h1>12</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos</p>
                    <div class="time">
                        <h1>10</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
            </div>
            <div class="top13">
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos创造则指</p>
                    <div class="time">
                        <h1>12</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos</p>
                    <div class="time">
                        <h1>10</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
            </div>
            <div class="top13">
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos创造则指</p>
                    <div class="time">
                        <h1>12</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos</p>
                    <div class="time">
                        <h1>10</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
            </div>
            <div class="top14">
                <button><a href="../pages/index7.html">进一步了解</a></button>
            </div>

        </main>
        <footer>
            <h4>TANGHANYI HANYI</h4>
            <p>asdfghjklqwert tyuioop zxcvbn</p>
        </footer>
    </div>
    <script src="../ajax/ajax.js"></script>
    <script src="../js/index.js"></script>
    <script>
        let c2 = new Carousel2(".box2");
        c2.init();
        console.log(c2);
    </script>

</body>

</html>